<template>
    <div class="Calc-tit">
        <div class="Calc-right">
            合计收入(元)
            <h2>1200.00</h2>
        </div>
        <div class="right-u">
            <div class="left-u">
                <ul>
                    <li>应收合计(元)</li>
                    <h2>1400.00</h2>
                </ul>
                <ul>
                    <li>优惠合计(元)</li>
                    <h2>200.00</h2>
                </ul>
                <ul>
                    <li>实收合计(元)</li>
                    <h2>1200.00</h2>
                </ul>
            </div>
            <div class="left-uu">
                <ul>
                    <li>医保(元)</li>
                    <h2>200.00</h2>
                </ul>
                <ul>
                    <li>会员(元)</li>
                    <h2>200.00</h2>
                </ul>
                <ul>
                    <li>现金(元)</li>
                    <h2>200.00</h2>
                </ul>
                <ul>
                    <li>支付宝(元)</li>
                    <h2>200.00</h2>
                </ul>
                <ul>
                    <li>微信(元)</li>
                    <h2>200.00</h2>
                </ul>
                <ul>
                    <li>银行卡(元)</li>
                    <h2>200.00</h2>
                </ul>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    setup() {


        return {}
    }
})
</script>

<style scoped>
.Calc-tit {
    display: flex;
    margin-top: 30px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.Calc-right {
    width: 140px;
    height: 90px;
    background: #FFFAE9;
    text-align: center;
    padding-top: 23px;
    box-sizing: border-box;

}

.Calc-right h2 {
    font-size: 22px;
}

.right-u {
    display: flex;
    justify-items: center;
    flex-direction: column;
    width: 1078px;
    height: 90px;
    background: #FFFAE9;
    margin-left: 20px;
    font-size: 13px;
    padding-left: 20px;
}

.left-u {
    display: flex;
}

.left-u ul {
    width: 195px;
    height: 34px;
}

.left-uu {
    display: flex;
}

.left-uu ul {
    width: 194px;
    height: 34px;
}

.left-uu :last-child {
    width: 76px;
}
</style>